<template>
  <div class="main">
    <canvas ref="mainCanvas" />
  </div>
</template>

<script>
import { fabric } from "fabric";
import appContext from "../appContext";

export default {
  name: "MainCanvas",
  props: {
    msg: String,
  },
  mounted: function () {
    appContext.canvas = new fabric.Canvas(this.$refs.mainCanvas, {
      width: 750,
      height: 500,
    });
    

    fabric.Object.prototype.transparentCorners = false;
    fabric.Object.prototype.cornerColor = "blue";
    fabric.Object.prototype.cornerStyle = "circle";
  },
};
</script>

<style scoped>
.main {
  background-color: #fff;
}
</style>
